<template>
  <div id="app">
    <router-view></router-view>
    <transition name="footerNav" appear>
      <footNav ref="footerNav" v-show="this.$store.state.showFootNav" v-if="!$route.meta.NavShow"></footNav>
    </transition>
  </div>
</template>

<script>
import footNav from "@/components/footNav";
export default {
  data() {
    return {
      active: 0,
    };
  },
  components: { footNav },
};
</script>

<style lang="scss">
.footerNav-enter-active,
.footerNav-leave-active {
  transition: all 0.5s ease-out;
}
.footerNav-enter, .footerNav-leave-to /* .fade-leave-active below version 2.1.8 */ {
  transform: translateY(100px);
}
</style>
